<template>
	<!-- 钱包卡片 -->
	<view class="sh-wallet-box x-f mb10">
		<view class="x-f wallet-left">
			<text class="text">昨日销售额:</text>
			<view
				class="wallet-item y-f"
				@tap="jump('/pages/user/listt')"
			>
				<text class="wallet-item__detail item-balance">
					{{ money.money0 }}
				</text>
				<text class="wallet-item__title">平台销售额</text>
			</view>
		<!-- 	<view
				class="wallet-item  y-f"
				@tap="jump('/pages/user/listt', { id: 1 })"
			>
				<text class="wallet-item__detail item-score">
					{{ money.money1 }}
				</text>
				<view class="" style="display: flex; align-items: center; height: 30rpx;">
					<image src="../../../static/imgs/885.png" mode="" style="width: 30rpx; height: 30rpx;  margin-right: 10rpx;"></image>
					<text class="wallet-item__title">团队奖金池</text>
				</view>
			</view> -->
			<!-- <view
				class="wallet-item  y-f"
				@tap="jump('/pages/user/listt', { id: 2 })"
			>
				<text class="wallet-item__detail item-coupon">
					{{ money.money2 }}
				</text>
				<text class="wallet-item__title">活动奖金池</text>
			</view> -->
		</view>
	</view>
</template>

<script>
import { mapMutations, mapActions, mapState } from 'vuex';
export default {
	props: {
		money: Object
	},
	data() {
		return {
			platform: uni.getStorageSync('platform') //当前平台。
		};
	},

	methods: {
		get(){
			console.log('子组件 :>> ', this.money);
		},
		jump(path, query) {
			console.log('query: ', query);
			console.log('path :>> ', path);
			this.$Router.push({
				path: path,
				query: query
			});
		}
	},
	onLoad() {
		this.$forceUpdate()
	}
};
</script>

<style lang="scss">
// 钱包卡片
.sh-wallet-box {
	background: url(https://sprtcar.oss-cn-chengdu.aliyuncs.com/home/11.png)
		no-repeat center;
	background-size: cover;
	height: 180rpx;
	position: relative;
	padding: 10rpx;
	.wallet-left {
		flex: 4;
		.text {
			position: absolute;
			top: -4rpx;
			left: 50%;
			transform: translateX(-50%);
			font-size: 22rpx;
			font-family: PingFang SC;
			font-weight: 700;
			color: rgba(153, 153, 153, 1);
			margin-top: 20rpx;
			color: #a8700d;
		}
	}

	.wallet-right {
		position: relative;
		.cut-off--line {
			position: absolute;
			top: 50%;
			transform: translateY(-50%);
			right: (750rpx/5) - 15rpx;
			width: 30rpx;
			height: 136rpx;
		}
	}
	.wallet-item {
		flex: 1;

		.wallet-img {
			width: 46rpx;
			height: 46rpx;
		}
		.wallet-item__detail {
			font-size: 38rpx;
			font-family: PingFang SC;
			font-weight: 500;
			color: rgba(168, 112, 13, 1);
		}
		.wallet-item__title {
			font-size: 28rpx;
			font-family: PingFang SC;
			font-weight: 700;
			color: rgba(153, 153, 153, 1);
			margin-top: 0rpx;
			color: #ffffff;
		}
		.item-balance::after {
			content: '元';
			font-size: 16rpx;
			margin-left: 4rpx;
		}
		.item-score::after {
			content: '元';
			font-size: 14rpx;
			margin-left: 4rpx;
		}
		.item-coupon::after {
			content: '元';
			font-size: 16rpx;
			margin-left: 4rpx;
		}
	}
}
</style>
